<HTML>
<HEAD>
<TITLE>JavaScript Source Code 3000:  Navigation:  Pulldown Menu (Frames)</TITLE>
<META HTTP-EQUIV="JavaScript Source Code 3000" CONTENT = "no-cache">
<META NAME="date" CONTENT="2000-09-09">
<META NAME="channel" CONTENT="Web Developer">
<META NAME="author" CONTENT="JavaScript Source Code 3000">
<META NAME="section" CONTENT="Navigation">
<META NAME="description" CONTENT="If you would like to use a pulldown menu, but would like to do so in frames, this is the script for you.  One frame will contain the pulldown menu and the selections will be opened in the other frames!">
</HEAD>

<BODY BGCOLOR=#ffffff vlink=#0000ff>

<BR>
<center>
<table width="600" cellpadding="0" cellspacing="10">
<tr>
<td width="468" align="center">

	
</td>
<td width="120" align="center">

	
</td>
</tr>
</table>
<BR>
<BR>
<BASEFONT SIZE=3>
  <FONT SIZE=6>
<B><FONT SIZE="+2" FACE="Helvetica,Arial" ALIGN=RIGHT COLOR="#0000FF">
<b><A HREF="../index.htm" /" TARGET="_top">
Home</A> </b><img src="../img/arrow.gif" /img/arrow.gif" height=13 width=7 border=0 alt="}"> <b><A HREF="index.htm" /navigation/"><font color="#FF0000">Navigation</font></A> </b>
<img src="../img/arrow.gif" /img/arrow.gif" height=13 width=7 border=0 alt="}"> <FONT COLOR="#006666">Pulldown Menu (Frames)</FONT></b></FONT><BR>
</B><BR>
  </FONT>
<TABLE BORDER=0 WIDTH=500 CELLPADDING=3 CELLSPACING=0>
<tr><td><font FACE=" helvetica,arial,geneva">
<br>
<br>
<!-- Description --><!--content_start-->

If you would like to use a pulldown menu, but would like to do so in frames, this is the script for you.  One frame will contain the pulldown menu and the selections will be opened in the other frames!<br><hr>
</td></tr>
</table>
<!--  Demonstration -->
<CENTER><a href="menu-frames-demo.html" /navigation/menu-frames-demo.html" target="_new">Click here for a demonstration of the Pulldown Menu (Frames Script)</A>
<br>
<br>
<font size="-2">You may also like the <a href="mixed-menu-frames.html" /navigation/mixed-menu-frames.html">'mixed' version of this script</a> that allows each menu<br>option to individually load in the other frame or in its own popup menu.</CENTER>
<P>
<BR>
<P>
<a name="source">
<TABLE BORDER=0 WIDTH=500 CELLPADDING=3 CELLSPACING=0>
<tr><td BGCOLOR=yellow><font FACE="helvetica,arial,geneva"><b>JavaScript Source Code 3000:  Navigation:  Pulldown Menu Frameset</b>
<p>Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as NotePad or SimpleText) and save (Control-s or Apple-s).  The script is yours!<br><br></font></td></tr>
<tr><td BGCOLOR=yellow ALIGN=CENTER>
<form NAME="copy">

<DIV align="center">
<input type=button value="Highlight All" onClick="javascript:this.form.txt.focus();this.form.txt.select();">&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE="text" NAME="total" VALUE="Script Size:  0K  (281 bytes)" size="32">
</DIV>

<textarea NAME="txt" ROWS=20 COLS=75 WRAP=VIRTUAL>

<!-- TWO STEPS TO INSTALL PULLDOWN MENU (FRAMES):

   1.  Put the code into the FRAMESET of your frames HTML document
   2.  Be sure to give each frame a name:  name="left"  etc... -->

<!-- STEP ONE: Copy this code into the FRAMESET of your HTML document  -->

<FRAMESET cols="250,*">
<frame name="left" src="javascript:if(confirm('http://javascript.internet.com/navigation/leftframe.html  \n\nThis file was not retrieved by Teleport Pro, because the server reports that this file cannot be found.  \n\nDo you want to open it from the server?'))window.location='http://javascript.internet.com/navigation/leftframe.html'" /navigation/leftframe.html">
<frame name="right" src="javascript:if(confirm('http://javascript.internet.com/navigation/rightframe.html  \n\nThis file was not retrieved by Teleport Pro, because the server reports that this file cannot be found.  \n\nDo you want to open it from the server?'))window.location='http://javascript.internet.com/navigation/rightframe.html'" /navigation/rightframe.html">
</FRAMESET>

<!-- STEP TWO:  Be sure to give each frame a name:  name="left"  etc... -->

<!-- Script Size:  0K  (281 bytes) -->
</textarea><br></td></tr></form>



<tr><td BGCOLOR=yellow><font FACE="helvetica,arial,geneva"><b>JavaScript Source Code 3000:  Navigation:  Pulldown Menu (Frames)</b>
<p>Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as NotePad or SimpleText) and save (Control-s or Apple-s).  The script is yours!<br><br></font></td></tr>
<tr><td BGCOLOR=yellow ALIGN=CENTER>
<form NAME="copy2">

<DIV align="center">
<input type=button value="Highlight All" onClick="javascript:this.form.txt.focus();this.form.txt.select();">&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE="text" NAME="total" VALUE="Script Size:  1.44 KB  " size="24">
</DIV>

<textarea NAME="txt" ROWS=20 COLS=75 WRAP=VIRTUAL>

&lt;!-- THREE STEPS TO INSTALL PULLDOWN MENU (FRAMES):

   1.  Put this code in the HEAD of your pulldown menu HTML document
   2.  Add the last code into the BODY of your pulldown menu HTML document
   3.  Put whatever you want in the HTML document (rightframe.html) --&gt;

&lt;!-- STEP ONE: Put this in the HEAD of your menu HTML document  --&gt;

&lt;HEAD&gt;

&lt;SCRIPT LANGUAGE="JavaScript"&gt;

&lt;! &gt;
&lt;! &gt;

&lt;!-- Begin
function leapto(form) {
var myindex=form.dest.selectedIndex;
parent.right.location.href=(form.dest.options[myindex].value);
myindex = 0; // reset pulldown menu
}
// End --&gt;
&lt;/SCRIPT&gt;

&lt;!-- STEP TWO: Put this code into the BODY of your HTML document  --&gt;

&lt;BODY&gt;

&lt;CENTER&gt;
&lt;FORM NAME="myform"&gt;
&lt;SELECT NAME="dest" SIZE=1&gt;
&lt;OPTION SELECTED VALUE="http://javascriptsource.com"&gt;JavaScript Source Code 3000
&lt;OPTION VALUE="http://buttons.javascriptsource.com"&gt;Buttons Page
&lt;OPTION VALUE="http://games.javascriptsource.com"&gt;Games Page
&lt;OPTION VALUE="http://links.javascriptsource.com"&gt;Links Page
&lt;OPTION VALUE="http://passwords.javascriptsource.com"&gt;Password Protection Page
&lt;OPTION VALUE="http://user-details.javascriptsource.com"&gt;User Details Pages
&lt;/SELECT&gt;
&lt;INPUT TYPE="BUTTON" VALUE="Go" onClick="leapto(this.form)"&gt;
&lt;/FORM&gt;
&lt;/CENTER&gt;

&lt;!-- STEP THREE: Put anything in other HTML document (rightframe.html) --&gt;

 

&lt;!-- Script Size:  1.44 KB  --&gt;
</textarea><br><font FACE="helvetica,arial,geneva"></font></td></tr>

</table>
</form>
</FONT>
</CENTER>


</center>
</body></html>